.header {
    margin: 16px auto 24px auto;
    position: relative;
    text-align: center;
    .rightButtonBox {
        position: absolute;
        right: 0;
        top: 0;
    }

    .title {
        position: relative;
    }
}

.h1 {
    font-size: 16px;
    font-weight: bolder;
    position: relative;
}

.h2 {
    font-size: 12px;
}

.addLevel {
    margin-top: 1em;
}

.editModalBox {
    :global {
        .modal-box {
            padding-left: 20px;
            padding-right: 20px;
        }
        .multi-line-label {
            display: inline-block;
            line-height: 1.4;
            white-space: normal;
            font-size: 13px;
            vertical-align: bottom;
        }
    }
}

@error-color: #f5222d;

.error {
    border-color: @error-color !important;

    :global {
        .ant-input {
            border-color: @error-color !important;
        }
    }
}

.detailModal {
    margin-top: 10px;
    margin-right: 16px;
    margin-left: 16px;

    .detailTable {
        margin-top: 16px;
        overflow: auto;

        :global {
            .ant-table-scroll .ant-table-body {
                overflow-x: auto !important;
            }
        }
    }

    .rangeBox {
        .start,
        .end {
            width: 80px;
        }

        .sign {
            width: 44px;
            height: 22px;
            line-height: 22px;

            :global {
                .ant-select-selection {
                    height: 22px;
                    background: rgba(85, 144, 246, 0.1);
                    border: none;
                    border-radius: 0;
                }

                .ant-select-selection__rendered {
                    line-height: 22px;
                }

                .ant-select-arrow {
                    right: 0;
                }

                .iconunfold_arrow_o {
                    color: #000;
                    transition: transform 0.3s;
                }

                [aria-expanded='true'] .iconunfold_arrow_o {
                    transform: rotate(180deg);
                }
            }
        }
        > * + * {
            margin-left: 4px;
        }
    }

    .tipItem {
        position: relative;
        margin: 10px 0;

        .tip {
            position: absolute;
            color: @error-color;
        }
    }
}
